<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			<!--
				监听属性的作用是：监听值的变化
			-->
			<p>{{ num }} </p> 
			<input type="button" @click="num++" value="递增" />
		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			data:{
				num:0
			},
			watch:{
				// num:表示需要监听的值
				num:function(newVal,oldVal){
					console.log(newVal + '----'+ oldVal )
				}
			}
		})
	</script>
</html>
